<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="css/404.css"/>
		<script>
			(function flexible (window, document) {
			  var docEl = document.documentElement
			  var dpr = window.devicePixelRatio || 1
			  function setBodyFontSize () {
			    if (document.body) {
			      document.body.style.fontSize = (12 * dpr) + 'px'
			    }
			    else {
			      document.addEventListener('DOMContentLoaded', setBodyFontSize)
			    }
			  }
			  setBodyFontSize();
			  function setRemUnit () {
				var width = docEl.clientWidth > 600?600:docEl.clientWidth;
			    var rem = width / 10
			    docEl.style.fontSize = rem + 'px'
			  }
			  setRemUnit()
			  window.addEventListener('resize', setRemUnit)
			  window.addEventListener('pageshow', function (e) {
			    if (e.persisted) {
			      setRemUnit()
			    }
			  })
			  if (dpr >= 2) {
			    var fakeBody = document.createElement('body')
			    var testElement = document.createElement('div')
			    testElement.style.border = '.5px solid transparent'
			    fakeBody.appendChild(testElement)
			    docEl.appendChild(fakeBody)
			    if (testElement.offsetHeight === 1) {
			      docEl.classList.add('hairlines')
			    }
			    docEl.removeChild(fakeBody)
			  }
			}(window, document))
		</script>
		<title>404</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->
			<div class="header">
				<div class="container-part  header-nav">
					<div class="left">
						<img src="./image/logo.png" alt="">
					</div>
					<div class="right">
						<a href="/">返回首页</a>
					</div>
				</div>
			</div>
			<div class="container-part content-404">
				<img src="./image/404.png" alt="页面不存在" class="img-404">
				<p class="title">哎呀～您访问的页面不存在！</p>
				<p class="suggest">我们建议你访问以下链接: <a href="https://www.iconfont.cn/">https://www.iconfont.cn/</a></p>
			</div>
		</div>
	</body>
</html>
